html{
	height: 100%;
}
hr{
	margin:8px 0;
}
	.myseach{
		margin: 8px 0;
	}

	.mya_pad{
		padding-left:0 !important;
		color: #333;
	}
	.pagination{
		margin-right: 20px;
		margin-top: 10px;
	}
	.navbar-brand{
		font-size: 20px;
		letter-spacing: 1px;
	}


	.btn-group{
		padding: 8px !important;
	}
	#d1_left>div:nth-child(1){
		padding-top: 10px;
		padding-left: 10px;
	}



	
	/* 手机端响应式 */
	@media  (min-width:0 )and (max-width:768px){
		.mynav{
			margin-left: 10px;
		}	
		.pagination{
			margin: 20px 30px;
		}
		.mynav{
			margin-right: 0;
		}
		#d1 ul,#d2 ul{
			display: flex;
			flex-wrap: wrap;
			padding: 10px;
		}
		#d1 ul:nth-child(odd){
			background-color: #e6e6e6;
			
		}
		#d1 ul:nth-child(even){
			background-color: #f9f9f9;
			
		}
		#d2 ul:nth-child(odd){
			background-color: #e0f7f9;
			
		}
		#d2 ul:nth-child(even){
			background-color: #cae8ff;
			
		}
		#d1 ul>li,#d2 ul>li{
			width: 50%;
			margin-bottom: 5px;
		}
		#d1 ul>li>span:nth-child(1),#d2 ul>li>span:nth-child(1){
			font-size: 16px;
			font-weight: 500;
		}
		#d1 ul>li>span:nth-child(2),#d2 ul>li>span:nth-child(2){
			font-size: 14px;
			margin-left: 5px;
			
		}
		/* 移动端隐藏 */
		#d1 .nav_tit,#d2 .nav_tit2{
			display: none;
		}
		#d1_left{
			height: 300px;
			border: 1px solid #d6d5d5;
		}
		.alert{
				margin-bottom: 0;
		}
		.mao{
			position: fixed;
			right: 6px;
			bottom: 120px;
		}
	}
	
	
	
	/* pc模式下时 */
	@media  (min-width:768px ) {
		table tr td div{
			max-height: 50px !important;
			overflow: auto;
		}
		#rightnav{
			margin-top: 51px;
			width: 250px;
			position: absolute;
			z-index: 1;
			height: 92vh !important;
		}
		.mynav{
			margin-right: 10px !important;
		}
		.mypage{
			margin-left: 251px;
			margin-top: -20px;
		}
		#mypage_top{
			display: flex;
			
		}
		#d1_left{
			width: 250px;
			height: 300px;
			border: 1px solid #d6d5d5;
		}
		/* pc端中表格中内容的样式 */
		.nav_tit,.nav_tit2{
			display: flex;
			list-style: none;
			height: 30px;
		}
		.nav_tit>li,.nav_tit2>li{
			text-align: center;
			border: 1px solid rgba(158, 222, 247, 0.7);
			padding-top: 5px;
		}
		/* 表格头第一张宽度 */
		.nav_tit>li:nth-child(1){ width: 30px;}
		.nav_tit>li:nth-child(2){ width: 30px;}
		.nav_tit>li:nth-child(3){ width: 120px;}
		.nav_tit>li:nth-child(4){ width: 120px;}
		.nav_tit>li:nth-child(5){ width: 80px;}
		.nav_tit>li:nth-child(6){ width: 80px;}
		.nav_tit>li:nth-child(7){ width: 80px;}
		.nav_tit>li:nth-child(8){ width: 80px;}
		.nav_tit>li:nth-child(9){ width: 80px;}
		.nav_tit>li:nth-child(10){ width:80px;}
		.nav_tit>li:nth-child(11){ width: 80px;}
		.nav_tit>li:nth-child(12){ width: 80px;}
		.nav_tit>li:nth-child(13){ width: 80px;}
		.nav_tit>li:nth-child(14){ width: 80px;}
		.nav_tit>li:nth-child(15){ width: 80px;}
		/* 表格头第二张宽度 */
		.nav_tit2>li:nth-child(1){ width: 30px;}
		.nav_tit2>li:nth-child(2){ width: 30px;}
		.nav_tit2>li:nth-child(3){ width: 120px;}
		.nav_tit2>li:nth-child(4){ width: 120px;}
		.nav_tit2>li:nth-child(5){ width: 80px;}
		.nav_tit2>li:nth-child(6){ width: 80px;}
		.nav_tit2>li:nth-child(7){ width: 80px;}
		.nav_tit2>li:nth-child(8){ width: 80px;}
		.nav_tit2>li:nth-child(9){ width: 80px;}
		.nav_tit2>li:nth-child(10){ width:80px;}
		.nav_tit2>li:nth-child(11){ width: 80px;}
		.nav_tit2>li:nth-child(12){ width: 80px;}
		.nav_tit2>li:nth-child(13){ width: 80px;}
		.nav_tit2>li:nth-child(14){ width: 80px;}
		.nav_tit2>li:nth-child(15){ width: 80px;}
		.nav_tit2>li:nth-child(16){ width: 100px;}
		.nav_body,.nav_body2{
			display: flex;
		}
		.nav_body>li,.nav_body2>li{
			text-align: center;
			border: 1px solid rgba(144, 220, 255, 0.5);
			padding:1px 1px 1px 1px;
			font-size: 12px;
		}
		/* 表格第一张宽度 */
		.nav_body>li:nth-child(1){ width: 30px;}
		.nav_body>li:nth-child(2){ width: 30px;}
		.nav_body>li:nth-child(3){ width: 120px;}
		.nav_body>li:nth-child(4){ width: 120px;}
		.nav_body>li:nth-child(5){ width: 80px;}
		.nav_body>li:nth-child(6){ width: 80px;}
		.nav_body>li:nth-child(7){ width: 80px;}
		.nav_body>li:nth-child(8){ width: 80px;}
		.nav_body>li:nth-child(9){ width: 80px;}
		.nav_body>li:nth-child(10){ width: 80px;}
		.nav_body>li:nth-child(11){ width: 80px;}
		.nav_body>li:nth-child(12){ width: 80px;}
		.nav_body>li:nth-child(13){ width: 80px;}
		.nav_body>li:nth-child(14){ width: 80px;}
		.nav_body>li:nth-child(15){ width: 80px;}
		/* 表格第二张宽度 */
		.nav_body2>li:nth-child(1){ width: 30px;}
		.nav_body2>li:nth-child(2){ width: 30px;}
		.nav_body2>li:nth-child(3){ width: 120px;}
		.nav_body2>li:nth-child(4){ width: 120px;}
		.nav_body2>li:nth-child(5){ width: 80px;}
		.nav_body2>li:nth-child(6){ width: 80px;}
		.nav_body2>li:nth-child(7){ width: 80px;}
		.nav_body2>li:nth-child(8){ width: 80px;}
		.nav_body2>li:nth-child(9){ width: 80px;}
		.nav_body2>li:nth-child(10){ width: 80px;}
		.nav_body2>li:nth-child(11){ width: 80px;}
		.nav_body2>li:nth-child(12){ width: 80px;}
		.nav_body2>li:nth-child(13){ width: 80px;}
		.nav_body2>li:nth-child(14){ width: 80px;}
		.nav_body2>li:nth-child(15){ width: 80px;}
		.nav_body2>li:nth-child(16){ width: 100px;}
		
		.nav_body>li>span:nth-child(1),.nav_body2>li>span:nth-child(1){
			display: none;
		}
		#d1{
			height: 300px;
			flex:1;
			border: 1px solid #d6d5d5;
			position: relative;
		}
		#d2{
			height: 300px;
			border: 1px solid #d6d5d5;
			padding-top:10px ;
		}
		#d1>div:nth-child(1){
			width: 800px;
			height: 250px;
			overflow: auto;
			border-bottom: 1px solid #9f9f9f;
		}
		#d2>div:nth-child(1){
			width: 100%;
			height: 230px;
			overflow: auto;
			border-bottom: 1px solid #9f9f9f;
		}
		.nav_body2,.nav_tit2{
			width: 1200px;
		}
		.mao{
			display: none;
		}
		.sort{
			position: absolute;
			top: -35px;
			left: -5px;
		}

	
	}
	
	